<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My Blog</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/tags.css">
</head>

<body>
    <!-- 背景div -->
    <div id="mydiv" style="height:vh;"></div>



    <header class="clearfix">
        <h1 class="fl">
        </h1>
        <ul class="nav clearfix fr">
            <li><a href="./index.html">Home</a></li>
            <li><a href="./article.html">Article</a></li>
            <li><a href="./tags.html">Tags</a></li>
            <!-- <li><a href="#">首页</a></li> -->
            <!-- <li><a href="#">首页</a></li> -->
        </ul>
    </header>
    <article></article>


    <script src="./jquery-3.5.1/jquery-3.5.1.min.js"></script>
    <script type="text/javascript">
        window.onload = function () {
            //配置
            var config = {
                vx: 4,	//小球x轴速度,正为右，负为左
                vy: 4,	//小球y轴速度
                height: 2,	//小球高宽，其实为正方形，所以不宜太大
                width: 2,
                count: 300,		//点个数
                color: "187, 255, 255", 	//点颜色
                stroke: "142, 229, 238", 		//线条颜色
                dist: 6000, 	//点吸附距离
                e_dist: 10000, 	//鼠标吸附加速距离
                max_conn: 10 	//点到点最大连接数
            }

            //调用
            CanvasParticle(config);
        }
    </script>
    <script src="./js/bg.js"></script>
    <script>
        const tag = decodeURI(decodeURI(window.location.href.split("?")[1].split("=")[1]));
        $.get("category_tag", result => {
            const tagElem = $(` <div class="tag"><h2>${tag}</h2></div>`)
            $("article").append(tagElem)
            result.forEach(item => {
                if (item.tag === tag) {
                    tagElem.append($(`<h3><a href="http://localhost:80/details.html?id=${item.BLOGID}">${item.title}</a></h3>`));
                }
            });
        })
    </script>
</body>


</html>